﻿@{
    Layout = null;
    var newslist = ViewBag.newslist as List<Models.tbl_news>;
    var newclass = ViewBag.newclass as List<Models.tbl_news_class>;
    var logo = ViewBag.logo as Models.tbl_main_img;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>浙江速升润滑油有限公司</title>
    <meta name="keywords" content="速升润滑油">
    <meta name="description" content="">
    <link href="~/static/css/layui.css" rel="stylesheet" />
</head>
<body>
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md3">
                <img src="@logo.imgurl">
            </div>
            <div class="layui-col-md9">
                <ul class="layui-nav layui-bg-blue" lay-filter="">
                    <li class="layui-nav-item"><a href="/Home/MainIndex">首页</a></li>
                    <li class="layui-nav-item" class="layui-nav-item layui-this" target="_self">
                        <a href="/Home/companyinfoindex">公司介绍</a>
                    </li>
                    <li class="layui-nav-item" target="_self">
                        <a href="/Home/productIndex">公司产品</a>
                    </li>
                    @*<li class="layui-nav-item" target="_self">
                        <a href="/Home/ServiceAdvantageIndex">服务优势</a>
                    </li>*@
                    <li class="layui-nav-item" target="_self">
                        <a href="/Home/NewsIndex">新闻资讯</a>
                    </li>
                    @*<li class="layui-nav-item" target="_self">
                        <a href="/Home/ServiceSupportIndex">服务支持</a>
                    </li>*@
                    <li class="layui-nav-item" target="_self">
                        <a href="/Home/ContactUsIndex">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="layui-carousel pagep_banner"></div>
    <div class="page_main">
        <div class="layui-container">
            <div class="layui-row layui-col-space30">
                <div class="layui-col-md3">
                    <div class="left_t">
                        <span class="p1">新闻中心</span>
                        <span class="p2">NEWS</span>
                        <i></i>
                    </div>
                    <div class="left_list">
                        <ul>
                            @foreach (var item in newclass)
                            {
                                <li>
                                    <a href="/Home/GetNewListByClassID?newsclass_id=@item.newsclass_id">@item.newsclassname</a>
                                </li>
                            }
                        </ul>
                    </div>
                </div>
                <div class="layui-col-md9">
                    <div class="crumbs">
                        <span class="layui-breadcrumb" lay-separator=">">
                            <a href="/Home/MainIndex">首页</a>&nbsp;&gt;&gt;&nbsp;<a href="http://layui.t.yunucms.cn/index.php/index/category/index?id=106">新闻资讯</a>
                        </span>
                    </div>
                    <div class="page_alist">

                        @foreach (var item in newslist)
                        {
                            <li class="layui-col-md6" style="margin:10px 10px 10px 10px;">
                                <i></i>
                                <a href="/Home/GetNewsDetail?news_id=@item.news_id">@item.news_title</a>
                                <span class="p2">@item.createtime</span>
                                <p>@item.news_body</p>
                            </li>
                        }

                    </div>
                    <div>
                        <style type="text/css">
                            .pagination p {
                                margin: 0;
                                cursor: pointer
                            }

                            .pagination {
                                height: 40px;
                                padding: 20px 0px;
                            }

                                .pagination a {
                                    display: block;
                                    float: left;
                                    margin-right: 10px;
                                    padding: 2px 12px;
                                    height: 24px;
                                    border: 1px #cccccc solid;
                                    background: #fff;
                                    text-decoration: none;
                                    color: #808080;
                                    font-size: 12px;
                                    line-height: 24px;
                                }

                                    .pagination a:hover {
                                        color: #077ee3;
                                        background: white;
                                        border: 1px #077ee3 solid;
                                    }

                                    .pagination a.cur {
                                        border: none;
                                        background: #077ee3;
                                        color: #fff;
                                    }

                                .pagination p {
                                    float: left;
                                    padding: 2px 12px;
                                    font-size: 12px;
                                    height: 24px;
                                    line-height: 24px;
                                    color: #bbb;
                                    border: 1px #ccc solid;
                                    background: #fcfcfc;
                                    margin-right: 8px;
                                }

                                    .pagination p.pageRemark {
                                        border-style: none;
                                        background: none;
                                        margin-right: 0px;
                                        padding: 4px 0px;
                                        color: #666;
                                    }

                                        .pagination p.pageRemark b {
                                            color: red;
                                        }

                                    .pagination p.pageEllipsis {
                                        border-style: none;
                                        background: none;
                                        padding: 4px 0px;
                                        color: #808080;
                                    }

                            .dates li {
                                font-size: 14px;
                                margin: 20px 0
                            }

                                .dates li span {
                                    float: right
                                }
                        </style>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row ifooter" style="margin-top:30px;">
        <div class="layui-container">
            <hr>
            <div class="layui-col-md9">

                <div class="layui-text" style="text-align: center; ">
                    <p>浙江速升润滑油有限公司　地址：金华婺城区宾虹路与330国道交叉路口　电话：13173626715</p>
                </div>
                <div class="layui-text" style="text-align: center; ">
                    <p>浙ICP备18025092号</p>

                </div>
            </div>
            <div class="layui-col-md3">
                <div class="phone">
                    <img src="~/static/picture/erweima.png" /><span>全国咨询热线</span>
                    <strong>13173626715</strong>
                    <a href="javascript:;">在线客服</a>
                </div>
            </div>

        </div>
    </div>
    <style type="text/css">

        .pagination {
            margin-left: 60px;
        }
    </style>
    <script src="~/static/js/layui.js"></script>
    <script>
        layui.use(['layer', 'form'], function () {
            var layer = layui.layer
                , form = layui.form;

        });
        layui.use('element', function () {
            var element = layui.element;
        });
    </script>
</body>
</html>